<template>
	<router-link class="page_line flex-between" :to="to">
		<div>{{linetit}}</div>
		<div class="line_right">
			<slot name="icon">
				<svg class="icon" aria-hidden="true">
					<use xlink:href="#icon-right"></use>
				</svg>
			</slot>
			<slot name="img"></slot>
		</div>
	</router-link>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			linetit: {
				type: String,
				required: true
			},
			to:{
				type: String,
				default:''
			}
		},
	}
</script>

<style scoped="scoped">
	.page_line {
		margin-top: 1px;
		padding: .2rem .25rem;
		background: white;
		color: #666;
	}
</style>
